<template>
  <div class="hello">
     格式化：<el-select v-model="values" placeholder="请选择" @change="dateFormat1">
    <el-option
      v-for="item in format"
      :key="item.value"
      :label="item.label"
      :value="item.value">
    </el-option>
  </el-select>
     
      当前日期：<span  >{{dateshow}}</span>
  </div>
</template>

<script>
import { dateFormat } from './js/timeformat.js';

export default {
    name: 'HelloWorld',
    data() {
      return {
        values:'',
        date:new Date(),
        format: [{
          value: 'yyyyMMdd ',
          label: 'yyyyMMdd'
        }, {
          value: 'yyyy-MM-dd',
          label: 'yyyy-MM-dd'
        } ],
         dateshow : '2011'
        }
       
    },
    methods: {
        dateFormat1() {  
            console.log(this.values)        
            this.dateshow= dateFormat(this.date,this.values)         
          
        },
        dateFormat2(date, fmt) {
     date = new Date(date)
     var a = ['日', '一', '二', '三', '四', '五', '六']
     var o = {
         'M+': date.getMonth() + 1, // 月份
         'd+': date.getDate(), // 日
         'h+': date.getHours(), // 小时
         'm+': date.getMinutes(), // 分
         's+': date.getSeconds(), // 秒
         'q+': Math.floor((date.getMonth() + 3) / 3), // 季度
         'S': date.getMilliseconds(), // 毫秒
         'w': date.getDay(), // 周
         'W': a[date.getDay()], // 大写周
         'T': 'T'
     }
     if (/(y+)/.test(fmt)) { fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length)) }
     for (var k in o) {
         if (new RegExp('(' + k + ')').test(fmt)) { fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? (o[k]) : (('00' + o[k]).substr(('' + o[k]).length))) }
     }
     return fmt
 }
    }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

</style>
